<template>
    <div class="demo">
        <h2 >学校名称:{{name}}</h2>
        <h2 >学校地址:{{address}}</h2>
        {{n}}
        <button @click="addn">点我n+1</button>
        <button @click="sendSchoolName">点我提示学校名称</button>
        <button @click="unSet">点我解绑自定义事件</button>
        <button @click="des">点我销毁vc</button>
    </div>
</template>

<script>

export default {
    name:'School',
    data() {
        return {
            name:'清华',
            address:'济南',
            n:1
        }
    },
    methods:{
        addn(){
            this.n++
            console.log(this.n)
        },
        sendSchoolName(){
            this.$emit('transName',this.name)
            // this.$emit('demo')
        },
        unSet(){
            this.$off('transName')          //解绑一个自定义事件
            // this.$off(['transName','demo']) //解绑多个自定义事件
            // this.$off()                        //解绑所有的自定义事件
        },
        des(){
            this.$destroy()   //销毁当前Student组件的实例，销毁后所有Student组件实例的自定义事件都不奏效
        }
    }
}
</script>

<style lang="css" scoped>
    .demo{
        background-color: aqua;
        padding: 5px;
        margin-top: 5px;
    }
</style>
